.cate {
  height: 100%;

  .cate_swap {
    display: flex;
    // less中使用calc时要注意
    height: ~'calc(100vh - 90rpx)';

    .left_menu {
      flex: 2;

      .text {
        text-align: center;
        padding: 20rpx 0;
        color: #000;
      }

      .activeMenu {
        color: var(--themeColor);
      }
    }

    .right_content {
      flex: 5;

      .goods_title {
        text-align: center;
        margin: 30rpx;

        .l,
        .r {
          color: #999;
        }

        .goods_tit {
          padding: 0 10rpx;
        }
      }

      .goods_pics {
        overflow: hidden;

        navigator {
          float: left;
          width: 33.33%;
          padding: 0 30rpx;

          .goods_name {
            text-align: center;
            color: #999;
            height: 100%;
            font-size: 20rpx;
          }

          image {
            width: 100%;
          }
        }
      }
    }
  }
}